<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#base" aria-controls="base" role="tab" data-toggle="tab">基础信息</a></li>
            <li role="presentation"><a href="#introduce" aria-controls="introduce" role="tab" data-toggle="tab">组织介绍</a></li>
            <li role="presentation"><a href="#regulation" aria-controls="regulation" role="tab" data-toggle="tab">组织章程</a></li>
            <li role="presentation"><a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">入会须知</a></li>
            <li role="presentation"><a href="#explain" aria-controls="explain" role="tab" data-toggle="tab">使用说明</a></li>
            <!--            <li role="presentation"><a href="#message" aria-controls="message" role="tab" data-toggle="tab">入会通知管理员</a></li>-->
        </ul>
    </div>
    <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="base">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-phone" data-rule="required" class="form-control" name="row[phone]" type="text" value="{$row.phone|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-address" data-rule="required" class="form-control" name="row[address]" type="text" value="{$row.address|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-email" data-rule="required" class="form-control" name="row[email]" type="text" value="{$row.email|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Website')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-website" data-rule="required" class="form-control" name="row[website]" type="text" value="{$row.website|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">坐标信息:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <div class="input-group-addon">
                                    经度
                                </div>
                                <input id="c-lng" data-rule="required" class="form-control" name="row[lng]" type="number" value="{$row.lng|htmlentities}">
                                <div class="input-group-addon">
                                    纬度
                                </div>
                                <input id="c-lat" data-rule="required" class="form-control" name="row[lat]" type="number" value="{$row.lat|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="sel-location" data-toggle="addresspicker" data-lat-id="c-lat" data-lng-id="c-lng" class="btn btn-danger sel-location" data-input-id="" ><i class="fa fa-map-marker"></i> {:__('选择坐标')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-logo"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">组织LOGO:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-logo" data-rule="required" class="form-control" size="50" name="row[logo]" type="text" value="{$row.logo|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-logo" class="btn btn-danger faupload" data-input-id="c-logo" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-logo"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-logo" class="btn btn-primary fachoose" data-input-id="c-logo" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-logo"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-logo"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">组织略缩图:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-thumbnail" data-rule="required" class="form-control" size="50" name="row[thumbnail]" type="text" value="{$row.thumbnail|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-thumbnail" class="btn btn-danger faupload" data-input-id="c-thumbnail" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-thumbnail"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-thumbnail" class="btn btn-primary fachoose" data-input-id="c-thumbnail" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-thumbnail"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-thumbnail"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Offiaccount')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-offiaccount" data-rule="required" class="form-control" size="50" name="row[offiaccount]" type="text" value="{$row.offiaccount|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-offiaccount" class="btn btn-danger faupload" data-input-id="c-offiaccount" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-offiaccount"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-offiaccount" class="btn btn-primary fachoose" data-input-id="c-offiaccount" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-offiaccount"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-offiaccount"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">公众号二维码跳转链接:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-offiaccount_url" class="form-control" name="row[offiaccount_url]" type="text" placeholder="输入点击公众号二维码跳转的链接地址，不填写则不跳转" value="{$row.offiaccount_url|htmlentities}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="textarea" value="{$row.images|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-images"></span>
                            </div>
                            </br>
                            <div>小程序图片建议尺寸比例(2:1)</div>
                            <ul class="row list-inline faupload-preview" id="p-images"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Pc_Images')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-pc_images" data-rule="required" class="form-control" size="50" name="row[pc_images]" type="textarea" value="{$row.pc_images|htmlentities}">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-pc_images" class="btn btn-danger faupload" data-input-id="c-pc_images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-pc_images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-pc_images" class="btn btn-primary fachoose" data-input-id="c-pc_images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-pc_images"></span>
                            </div>
                            </br>
                            <div>PC图片建议尺寸比例(首页轮播3:1，其他5:1)</div>
                            <ul class="row list-inline faupload-preview" id="p-pc_images"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="introduce">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">组织简介:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-brief" class="form-control" name="row[brief]" cols="30">{$row.brief|htmlentities}</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Introduce')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-introduce" class="form-control editor" rows="3" name="row[introduce]" cols="30">{$row.introduce|htmlentities}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="regulation">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Regulation')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-regulation" data-rule="required" class="form-control editor" rows="3" name="row[regulation]" cols="30">{$row.regulation|htmlentities}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="notice">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">入会须知:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-notice" data-rule="required" class="form-control editor" rows="3" name="row[notice]" cols="30">{$row.notice|htmlentities}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="explain">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">使用说明:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-explain" data-rule="required" class="form-control editor" rows="3" name="row[explain]" cols="30">{$row.explain|htmlentities}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!--            <div role="tabpanel" class="tab-pane" id="message">-->
            <!--                <div class="panel-body">-->
            <!--                    <div class="form-group">-->
            <!--                        <label class="control-label col-xs-12 col-sm-2">接受通知的管理员:</label>-->
            <!--                        <div class="col-xs-12 col-sm-8">-->
            <!--                            <input id="c-accept_admin" data-rule="required" data-source="user/user/index" class="form-control selectpage" data-field="nickname" data-multiple="true" data-params='{"custom[set_admin]":1}' name="row[accept_admin]" type="text" value="{$row.accept_admin|htmlentities}">-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <div class="form-group layer-footer">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8">
                    <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                    <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                </div>
            </div>
        </div>
    </form>
</div>